<template>
    <div class="dd-p">
        <div class="line">
            <div class="line-name">套餐名称</div>
            <div class="line-desc">中国移动智慧校园套餐</div>
            <div class="line-desc">2021年4月29日  到期</div>
        </div>
        <div class="line">
            <div class="line-name">套餐流量</div>
            <div class="line-desc">100 MB</div>
            <div class="line-desc">本月已用流量 110MB</div>
        </div>
        <div class="line">
            <div class="line-name">套餐分钟数</div>
            <div class="line-desc">300 分钟</div>
            <div class="line-desc">本月剩余分钟 300 分钟</div>
        </div>
    </div>
</template>
<script>
export default {
    
}
</script>
<style scoped>

.line{
    padding: 10px 0;
}
.line-name{
    display: inline-block; vertical-align: middle; width: 100px;
}
.line-desc{
    display: inline-block; vertical-align: middle; width: 200px;
}
</style>
